﻿<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8" />
      <meta name="viewport" content="width=device-width" />
      <title>@ViewBag.Title</title>
      @Styles.Render("~/Content/bootstrap.min.css")
      @Styles.Render("~/Content/bootstrap-theme.min.css")
      @Styles.Render("~/Content/jumbotron-narrow.css")

   </head>
   <body>
      
      <div class="container">

         <div class="header">
            <ul class="nav nav-pills pull-right">
               <li id="home"><a href="@Url.Action("Index", "Home")"  >Home</a></li>
               <li id="status"><a href="@Url.Action("Status", "Home")" >Status Pembayaran</a></li>
               <li id="ngobrol"><a href="@Url.Action("Ngobrol", "Home")" >Ngobrol</a></li>
            </ul>
            
            <h3 class="text-muted">---</h3>
         </div>
         
         <div id="MainContent">
            @RenderBody()
         </div>
         


      </div>


      @Scripts.Render("~/bundles/jquery")
      @Scripts.Render("~/Scripts/bootstrap.js")
      @RenderSection("scripts", false)
      
      <script>
         var page = '@ViewBag.Page';

         $(function() {
            $("#" + page).addClass("active");
         });
      </script>
   </body>
</html>
